<div id="contenedor" class="container"> 
    <div class="row-fluid">
        <div class="row-fluid">
            <ul  class="span12 breadcrumb alingCenter">
                <li><b><?php echo $cantidadVentas ?> ventas encontradas</b></li>
            </ul>
        </div>
    </div>
    <div id="buscarVentas"  class="row-fluid">
        <div class="span10">
            <div class="span6">
                <div class="span4">
                    Categorias:
                    <select id="selectCategoria" class="input-block-level criterio">
                        <option value="">Todo</option>
                        <?php foreach ($categorias as $categoria) { ?>
                            <option value="<?php echo $categoria->id_categoria_producto ?>" <?php if (!empty($_GET["categoria"]) && $_GET["categoria"] == $categoria->id_categoria_producto) echo "selected"; ?>><?php echo $categoria->nombre ?></option>
                        <?php } ?>
                    </select>
                </div>
                <div class="span4">
                    Productos:
                    <select id="selectProducto" class="input-block-level criterio" data-valor="<?php if (!empty($_GET["producto"])) echo $_GET["producto"]; ?>" <?php if (!isset($productos)) echo"disabled"; ?>>
                        <?php
                        if (isset($productos)) {
                            echo "<option value=''>Todo</option>";
                            foreach ($productos as $producto) {
                                ?>
                                <option value="<?php echo $producto->id_servicio ?>" <?php if (!empty($_GET["producto"]) && $_GET["producto"] == $producto->id_servicio) echo "selected"; ?>><?php echo $producto->nombre ?></option>
                                <?php
                            }
                        }
                        ?>
                    </select>
                </div>
                <div class="span4">
                    Tipo:
                    <select id="selectTipo" class="input-block-level criterio">
                        <option value="">Todos</option>
                        <option value="En Hospedaje" <?php if (!empty($_GET["tipo"]) && $_GET["tipo"] == "En Hospedaje") echo "selected"; ?>>En hospedaje </option>
                        <option value="Extra" <?php if (!empty($_GET["tipo"]) && $_GET["tipo"] == "Extra") echo "selected"; ?>>Extra</option>
                    </select>
                </div>
            </div>
            <div class="span2">
                Desde:
                <input id="desde" type="text" class="input-block-level criterio" placeholder="dd/mm/yyyy" value="<?php if (!empty($_GET["desde"])) echo $_GET["desde"]; ?>"> 
            </div>
            <div class="span2">
                Hasta:
                <input id="hasta" type="text" class="input-block-level criterio" placeholder="dd/mm/yyyy" value="<?php if (!empty($_GET["hasta"])) echo $_GET["hasta"]; ?>"> 
            </div>
            <div class="span2">
                Usuario:
                <select id="usuario" class="input-block-level">
                    <option value="">Todos</option>
                    <?php foreach ($usuarios as $row): ?>
                        <option value="<?= $row->id_usuario ?>" <?php if (!empty($_GET["usuario"]) && $_GET["usuario"] == $row->id_usuario) echo "selected"; ?>><?= $row->nombre_completo ?></option>
                    <?php endforeach; ?>
                </select>
            </div>
        </div>
        <div class="span2">
            <div class="row-fluid">
                <div class="span4">
                    <br>
                    <button title="Buscar" id="botonBuscarVentas" type="submit" class="btn btn-inverse pull-right"><i class="icon-search icon-white"></i></button>
                </div>
                <div class="span4">
                    <br>
                    <a  title="Limpiar formulario" href="historialVentas" class="btn btn-primary pull-right"><i class="icon-refresh icon-white"></i></a>
                </div>
                <div class="span4">
                    <br>
                    <button id="crearVenta" title="Registrar una venta"  class="btn btn-primary pull-right"><i class="icon-plus icon-white"></i></button>
                </div>
            </div>
        </div>

    </div>
    <div class="row-fluid">   
        <table id="tablaVentas" class="table table-hover">
            <thead>
                <tr>
                    <th>Fecha</th>
                    <th>Cliente</th>
                    <th>Producto</th>   
                    <th>Cantidad</th>
                    <th>Total</th>
                    <th>Tipo</th>
                    <th>Estatus</th>
                    <th>Opciones</th>
                </tr>
            </thead>
            <tbody>
                <?php
                foreach ($ventas as $venta) {
                    ?>
                    <tr>
                        <td><?php echo $venta->fecha; ?></td>
                        <td><?php echo $venta->nombre . " " . $venta->primer_apellido . " " . $venta->segundo_apellido; ?></td>
                        <td><?php echo $venta->producto_nombre; ?></td>
                        <td><?php echo $venta->cantidad; ?></td>
                        <td><?php echo $moneda . number_format($venta->total_venta + $venta->impuesto, 2, ".", ","); ?></td>
                        <td><?php echo $venta->tipo; ?></td>
                        <td id="estatus<?php echo $venta->id_venta_servicio; ?>" title="<?php if ($venta->estatus == "En curso") echo "Este venta se realizó en una reserva, por lo cual pasará a pagada cuando de realice el respectivo check-out" ?>"><?php echo $venta->estatus; ?></td>
                        <td class="anchoCeldaOpcionesVentasExtras"> 
                            <button id="botonVerMas<?php echo $venta->id_venta_servicio; ?>" class="botonVerMas btn btn-mini btn-primary"
                                    data-fecha="<?php echo $venta->fecha ?>"
                                    data-usuario="<?php echo $venta->nombre_usuario ?>"
                                    data-cliente="<?php echo $venta->nombre . " " . $venta->primer_apellido . " " . $venta->segundo_apellido; ?>"
                                    data-nombrecategoria="<?php echo $venta->nombre_categoria ?>"
                                    data-nombreproducto="<?php echo $venta->producto_nombre ?>"
                                    data-preciounitario="<?php echo $venta->precio_unitario ?>"
                                    data-cantidad="<?php echo $venta->cantidad ?>"
                                    data-descuento="<?php echo $venta->descuento ?>"
                                    data-impuesto="<?php echo $venta->impuesto ?>"
                                    data-total="<?php echo $venta->total_venta + $venta->impuesto ?>"
                                    data-nota="<?php echo $venta->descripcion ?>"
                                    data-tipo="<?php echo $venta->tipo; ?>"
                                    data-estatus="<?php echo $venta->estatus; ?>"
                                    data-modopago="<?php echo $venta->modo_pago; ?>"
                                    data-idventaservicio="<?php echo $venta->id_venta_servicio; ?>"
                                    >Ver más</button>
                            <a  title="<?php
                            if ($venta->tipo == "En hospedaje")
                                echo "Las ventas realizadas en un hospedaje solo se pueden facturar desde la reserva";
                            else
                                echo "Ver comprobante";
                            ?>" <?php if ($venta->tipo != "En hospedaje") { ?> href="facturaventaextra?id=<?php echo $venta->id_venta_servicio; ?>" <?php } ?> class="btn btn-mini <?php
                                if ($venta->tipo != "En hospedaje") {
                                    echo "btn-primary";
                                }
                                ?>" <?php
                                if ($venta->tipo == "En hospedaje") {
                                    echo "disabled";
                                }
                                ?>>Comprobante</a>
                            <button title="<?php
                            if ($venta->tipo == "En hospedaje")
                                echo "Las ventas realizadas en un hospedaje solo se puede eliminar desde la propia reserva";
                            else
                                echo "Eliminar esta venta";
                            ?>" 
                                    data-cliente="<?php echo $venta->nombre . " " . $venta->primer_apellido . " " . $venta->segundo_apellido; ?>"
                                    data-idcategoriaproducto="<?php echo $venta->id_categoria_producto; ?>"
                                    data-idventaservicio="<?php echo $venta->id_venta_servicio; ?>"
                                    data-idservicio="<?php echo $venta->id_servicio; ?>"
                                    class="eliminarVenta btn btn-mini <?php if ($venta->tipo != "En hospedaje") echo "btn-danger" ?> eliminar" <?php if ($venta->tipo == "En hospedaje") echo "disabled" ?>>x</button>
                        </td>
                    </tr>
                <?php } ?>
            </tbody>
        </table>
        <div class="row-fluid">
            <div id="paginacion" class="pagination pull-right"
                 data-categoria="<?php if (!empty($_GET["categoria"])) echo $_GET["categoria"]; ?>"
                 data-producto="<?php if (!empty($_GET["producto"])) echo $_GET["producto"]; ?>"
                 data-tipo="<?php if (!empty($_GET["tipo"])) echo $_GET["tipo"]; ?>"
                 data-desde="<?php if (!empty($_GET["desde"])) echo $_GET["desde"]; ?>"
                 data-hasta="<?php if (!empty($_GET["hasta"])) echo $_GET["hasta"]; ?>"
                 data-usuario="<?php if (!empty($_GET["usuario"])) echo $_GET["usuario"]; ?>"
                 >
                <ul>
                    <li class="<?php
                    if ($paginaActiva == 1)
                        echo "active";
                    else
                        echo "noActive";
                    ?>"><a data-page="1">1</a></li>
                        <?php for ($i = 2; $i <= $cantidadPaginas; $i++) { ?>
                        <li class="<?php
                        if ($paginaActiva == $i)
                            echo "active";
                        else
                            echo "noActive";
                        ?>"><a data-page="<?php echo $i; ?>"><?php echo $i; ?></a></li>
                        <?php } ?>
                </ul>
            </div> 
        </div>
        <div class="row-fluid ">
            <div class="alert alert-success span4 offset4">
                N° de ventas:  <strong><?php echo $cantidadVentas ?></strong> <br>
                Cantidad de productos: <strong><?php echo $resumenVentas[0]->cantidad_productos; ?></strong> <br>
                Total por ventas: <strong><?php echo $moneda . number_format($resumenVentas[0]->total + $resumenVentas[0]->impuesto, 2, ".", ","); ?></strong> <br>
            </div>
        </div>
    </div>
</div>
<div id="verMas"  class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="alingCenter">Información de la venta</h4>
        <h5 class=" alingCenter" id="myModalLabel"> Fecha: <span id="labelFechaVenta"></span> /  Usuario: <span id="labelUsuarioVenta"> </span></h5>

    </div>
    <div class="modal-body">            
        <div class="row-fluid">
            <div class="row-fluid">
                <div class="span4">
                    <label class="pull-right">Cliente:</label>
                </div>
                <div class="span8">
                    <input  id="mostrarNombreCliente" type="text" readonly>
                </div>
            </div>
            <div class="row-fluid">
                <div class="span4">
                    <label class="pull-right">Categoria:</label>
                </div>
                <div class="span8">
                    <input  id="mostrarCategoria" type="text"  readonly>
                </div>
            </div>
            <div class="row-fluid">
                <div class="span4">
                    <label class="pull-right">Producto/Servicio:</label>
                </div>
                <div class="span8">                      
                    <input  id="mostrarProductoServicio" type="text"  readonly>
                </div>
            </div>
            <div class="row-fluid">
                <div class="span4">
                    <label class="pull-right">Precio unitario:</label>
                </div>
                <div class="span8">
                    <div class="input-prepend input-append">
                        <span class="add-on">$</span>
                        <input id="mostrarPrecioUnitario"   type="text" readonly="readonly">
                    </div>
                </div>
            </div>
            <div class="row-fluid">
                <div class="span4">
                    <label class="pull-right">Cantidad:</label>
                </div>
                <div class="span8">
                    <input id="mostrarCantidad"  type="text" readonly="readonly">
                </div>
            </div>



            <div class="row-fluid">
                <div class="span4">
                    <label class="pull-right">Descuento:</label>
                </div>
                <div class="span8">
                    <div class="input-prepend input-append">
                        <span class="add-on">$</span>
                        <input id="mostrarDescuento"  type="text" readonly="readonly">
                    </div>
                </div>
            </div>
            <div id="impuestos">
                <?php if (sizeof($impuestos) > 0) { ?>
                    <div class="row-fluid">
                        <div class="span4">
                            <label class="pull-right"><?php echo $impuestos[0]->nombre ?></label>
                        </div>
                        <div class="span8">
                            <div class="input-prepend input-append">
                                <span class="add-on">$</span>
                                <input id="mostrarImpuesto"   type="text" readonly="readonly">
                            </div>
                        </div>
                    </div>
                <?php } ?>
            </div>
            <div class="row-fluid">
                <div class="span4">
                    <label class="pull-right"><b>Total:</b></label>
                </div>
                <div class="span8">
                    <div class="input-prepend input-append">
                        <span class="add-on">$</span>
                        <input id="mostrarTotal"  class="" type="text" readonly="readonly">
                    </div>
                </div>
            </div>
            <div class="row-fluid">
                <div class="span4">
                    <label class="pull-right">Estatus:</label>
                </div>
                <div class="span8">
                    <select id="selectEstatus">
                    </select>
                </div>
            </div>
            <div id="mostrarDivFormaDePago" class="row-fluid hide">                                    
                <div class="span4">
                    <label class="pull-right">Forma de pago</label>
                </div>
                <div class="span8">
                    <select id="mostrarModoPagoSelected" name="modoPago" >
                        <option value="Efectivo">Efectivo</option>
                        <option value="Deposito Bancario">Deposito Bancario</option>
                        <option value="Tarjeta Debito">Tarjeta Debito</option>
                        <option value="Tarjeta Crédito">Tarjeta Crédito</option>
                    </select>
                </div>                                    
            </div>
            <div class="row-fluid">
                <div class="span4">
                    <label class="pull-right">Nota:</label>
                </div>
                <div class="span8">

                    <textarea id="mostrarNota" class="input-large" rows="1" readonly="readonly"></textarea>
                </div>
            </div>
        </div>
    </div>
    <div class="modal-footer">
        <a class="btn btn-inverse" data-dismiss="modal">Cerrar</a>
    </div>
</div>

<!-- Modal eliminar consumo-->
<div id="modalEliminarVenta" class="modal hide fade" style="display: none;">
    <form action="eliminarVenta"  class="formBlockDisplay" method="post">
        <div class="modal-header">
            <a class="close" data-dismiss="modal">×</a>
            <h4>Eliminar consumo</h4>
        </div>
        <div class="modal-body">
            <p>¿Realmente desea eliminar el consumo de <a id="nombre-cliente-venta"></a>?</p>
            <input id="id-categoria-producto" name="idCategoriaProducto" type="text" class="hide">
            <input id="id-venta-servicio" name="idVentaServicio" type="text" class="hide">	
            <input id="id-servicio" name="idServicio" type="text" class="hide">	
        </div>
        <div class="modal-footer">
            <button class="btn" data-dismiss="modal">Cancelar</button>
            <input type="submit" class="btn btn-primary preservar" value="Eliminar">
        </div>
    </form>
</div>



<form id='formCrearVenta' action='crearVenta' class="formBlockDisplay" method='POST'>
    <!-- Modal crear venta-->
    <div id="modalCrearVenta" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h4 class="alingCenter">Nueva venta</h4>
        </div>
        <div class="modal-body">
            <div id="datosPersona">
                <div class="row-fluid">
                    <div class="span4">
                        <b><div id="resultadoAjax"></div></b>
                    </div>
                    <div class="span4 alingCenter">
                        <label><b> Registrar cliente</b></label>
                    </div>
                </div>
                <div id="formRegistrarCliente">
                    <input type="text" id="idCliente" class="hide" name="idCliente" readonly="readonly"  value="">
                    <div >
                        <div class="row-fluid">
                            <div class="span3">
                                <span>Nacionalidad:</span>
                                <select id="nacionalidad" name="nacionalidad" class="preservar">
                                    <option value="">Selecionar...</option>
                                    <?php foreach ($paises as $row) { ?>
                                        <option value="<?= $row->id_pais ?>"><?= $row->nombre ?></option>
                                    <?php } ?>
                                </select>
                            </div> 
                            <div class="span3">
                                <span>Documento:</span>
                                <input id="identificacion" name="identificacion" class="preservar" type="text">
                            </div> 
                            <div class="span3">
                                <span>Tipo de documento:</span>
                                <a class="pull-right editar hide" style="display: none;">Editar</a>
                                <select id="tipoDocumento" name="tipoDocumento" class="" >
                                    <option value="">Seleccionar...</option>
                                    <?php foreach ($documentos as $row) { ?>
                                        <option value="<?php echo $row->id_documento; ?>"><?php echo $row->nombre; ?></option>
                                    <?php } ?>
                                </select> 
                            </div> 
                            <div class="span3">
                                <span>Fecha de nacimiento:</span><a id="editarFechaNacimieno" class="pull-right editar hide" style="display: none;">Editar</a>
                                <input id="fechaNacimiento" name="fechaNacimiento" type="text" class="" placeholder="dd/mm/yyyy">
                                <span id="ayudaFechaNacimiento" class="colorRed hide" style="display: none;">Formato de fecha inválido</span>
                            </div> 

                        </div>
                        <div class="row-fluid">
                            <div class="span3">
                                <span>Nombre:</span><a class="pull-right editar hide" style="display: none;">Editar</a>
                                <input id="nombre" name="nombre" class="requeridoPersona" type="text">
                            </div> 
                            <div class="span3">
                                <span>Primer apellido:</span><a class="pull-right editar hide" style="display: none;">Editar</a>
                                <input id="primerApellido" name="primerApellido" type="text">
                            </div> 
                            <div class="span3">
                                <span>Segundo apellido:</span><a class="pull-right editar hide" style="display: none;">Editar</a>
                                <input id="segundoApellido" name="segundoApellido" type="text">
                            </div>
                            <div class="span3">
                                <span>Género:</span><a class="pull-right editar hide" style="display: none;">Editar</a>
                                <select id="genero" name="genero" class="">
                                    <option value="">Seleccionar...</option>
                                    <option value="Masculino">Masculino</option>
                                    <option value="Femenino">Femenino</option>         
                                </select>
                            </div> 

                        </div>
                        <div class="row-fluid">
                            <div class="span3">
                                <span>Teléfono:</span><a class="pull-right editar hide" style="display: none;">Editar</a>
                                <input id="telefono" name="telefono" class="" type="text">
                            </div> 
                            <div class="span3">
                                <span>E-mail:</span><a class="pull-right editar hide" style="display: none;">Editar</a>
                                <input id="email" name="email" type="text">
                            </div> 
                            <div class="span3">
                                <span>Ocupación:</span><a class="pull-right editar hide" style="display: none;">Editar</a>
                                <input id="ocupacion" name="ocupacion" type="text">
                            </div> 
                            <div class="span3">
                                <span>Dirección:</span><a class="pull-right editar hide" style="display: none;">Editar</a>
                                <input id="direccion" name="direccion" type="text">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="datosVenta" class="hide">
                <div class="row-fluid">
                    <div class="span4">
                    </div>
                    <div class="span4 alingCenter">
                        <label><b> Registrar venta</b></label>
                    </div>
                </div>
                <div class="row-fluid">
                    <div class="row-fluid">
                        <div class="span4">
                            <label class="pull-right">Categoria:</label>
                        </div>
                        <div class="span8">
                            <select id="agregarCategoria" name="categoria"  class='requerido'>
                                <option value="">Seleccionar...</option>
                                <?php foreach ($categorias as $row) { ?>
                                    <option value="<?php echo $row->id_categoria_producto; ?>" data-tieneInventario='<?php echo $row->tiene_inventario; ?>'><?php echo $row->nombre; ?></option>
                                <?php } ?>
                            </select>
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="span4">
                            <label class="pull-right">Producto/Servicio:</label>
                        </div>
                        <div class="span8">
                            <select id="agregarProductoServicio" name="productoServicio"  class='requerido' readonly='readonly'></select>
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="span4">
                            <label class="pull-right">Precio unitario:</label>
                        </div>
                        <div class="span8">
                            <div class="input-prepend input-append">
                                <span class="add-on"><?php echo $moneda ?></span>
                                <input id="agregarPrecioUnitario" name="precioUnitario" class="input-medium requerido" type="text" readonly="readonly">
                            </div>
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="span4">
                            <label class="pull-right">Cantidad:</label>
                        </div>
                        <div class="span8">
                            <input id="agregarCantidad" name="cantidad" class='requerido soloNumeros input-medium' type="text" placeholder='Solo números' readonly='readonly'>
                            <span id='agregarAyudaCantidad'></span>
                            <div id='agregarAdvertenciaCantidad' class="help-block hide colorRed">Inventario insuficiente.</div>
                        </div>
                    </div>

                    <div class="row-fluid">
                        <div class="span4">
                            <label class="pull-right">Subtotal:</label>
                        </div>
                        <div class="span8">
                            <div class="input-prepend input-append">
                                <span class="add-on"><?php echo $moneda ?></span>
                                <input id="agregarSubtotal" name="subtotal" class="input-medium requerido" type="text" readonly="readonly">
                            </div>
                        </div>
                    </div>

                    <div class="row-fluid">
                        <div class="span4">
                            <label class="pull-right">Descuento:</label>
                        </div>
                        <div class="span8">
                            <div class="input-prepend input-append">
                                <span class="add-on"><?php echo $moneda ?></span>
                                <input id="agregarDescuento" name="descuento" class="input-medium requerido money" type="text" readonly="readonly">
                            </div>
                        </div>
                    </div>
                    <div id='agregarImpuestos'>
                        <?php
                        $i = 1;
                        foreach ($impuestos as $row) {
                            ?>
                            <div id=" "class="row-fluid">
                                <div class="span4">
                                    <label class="pull-right"><?php echo $row->nombre; ?></label>
                                </div>
                                <div class="span8">
                                    <input id="agregarImpuesto<?php echo $i; ?>" name="impuesto<?php echo $i++; ?>" class='checkbox' data-valor="<?php echo $row->valor; ?>" data-nombre="<?php echo $row->nombre; ?>" data-nombre="<?php echo $row->nombre; ?>" data-idImpuesto="<?php echo $row->id_impuesto; ?>" type="checkbox">
                                </div>
                            </div>
                        <?php } ?>
                    </div>
                    <div class="row-fluid">
                        <div class="span4">
                            <label class="pull-right"><b>Total:</b></label>
                        </div>
                        <div class="span8">
                            <div class="input-prepend input-append">
                                <span class="add-on"><?php echo $moneda ?></span>
                                <input id='agregarTotal' name='total' class="input-medium requerido" type="text" readonly="readonly">
                            </div>
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="span4">
                            <label class="pull-right">Estatus:</label>
                        </div>
                        <div class="span8">
                            <select id="nuevoEstatus" name="estatus">
                                <option value="Pendiente">Pendiente</option>
                                <option value="Pagado">Pagado</option>
                            </select>
                        </div>
                    </div>
                    <div id="divFormaDePago" class="row-fluid hide">                                    
                        <div class="span4">
                            <label class="pull-right">Forma de pago</label>
                        </div>
                        <div class="span8">
                            <select id="modoPagoSelected" name="modoPago">
                                <option value="Efectivo">Efectivo</option>
                                <option value="Deposito Bancario">Deposito Bancario</option>
                                <option value="Tarjeta Debito">Tarjeta Debito</option>
                                <option value="Tarjeta Crédito">Tarjeta Crédito</option>
                            </select>
                        </div>                                    
                    </div>
                    <div class="row-fluid">
                        <div class="span4">
                            <label class="pull-right">Nota:</label>
                        </div>
                        <div class="span8">
                            <textarea id="agregarNota" name="nota" class="input-large"  rows="1"></textarea>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div class="modal-footer">
            <a class="btn" data-dismiss="modal">Cancelar</a>
            <a id="siguienteCrearVenta" class="btn btn-inverse">Siguiente</a>
        </div>
    </div>
</form>

